<template>
  <div style="padding: 20px;margin-left: 20px">
    <el-questionnaire
        :objSource="displayObj"
        :dataSource="dataSource"
        :load="loading"
        :qtitle="title"
        :isDisabled="isDisabled"
        :isPlaceholder="isPlaceholder"
        btnText="提交"
    />
  </div>
</template>
<script>
import questionnaire from "../layout/components/Questionnaire/Questionnaire";
import { getQuestionnaire } from '@/api/login'

export default{
  components: {
    "el-questionnaire":questionnaire,
  },
  props: {
    type: {
      type: String,
      default: ''
    },
    title:{
      type: String,
      default: ''
    }
  },
  data(){
    return {
      isDisabled:false,
      loading:false,
      isPlaceholder:"",
      dataSource: [
        // dataSource
        // title	标题	String
        // choiceOption	选择题的问卷题目集合	Array
              //   value	用户选中的值	String
              //   paramStr	需要给后台传的字段	String
              //   title	题目标题	String
              //   list	选择题的选项数组	Array
              //   errorMsg	对非空校验的提示框	String
              //   isChildAnswer	是否展示第二级问卷的答案	String
              //   isOther	是否有其他选项	Boolean	tr
                //   otherValue	其他选项的答案	String
        // shortOption	填空题的问卷题目集合	Array
              // label	填空题问题	String
              // paramStr	需要给后台传的字段	String
              // placeholder	输入框提示文字	String
              // value	用户输入的值	any
              // errorMsg	对非空校验的提示框	String
              // isChildAnswer	是否展示第二级问卷的答案	any
              // isArea	是否是textarea多行输入框	Boolean	true
        // isChildAnswer	是否有子数据以及子数据出现的答案	any
        // value	用户选中的值	String
        {
          // title: '一、基本情况',
          shortOption: [
            // {label: "姓名", paramStr: "name", placeholder: "请输入姓名", value: "", errorMsg: "请输入姓名"},
            // {label: '电话', paramStr: "mobile", placeholder: "请输入电话", value: "", errorMsg: "请输入电话"},
            // {label: '出生日期', paramStr: 'csrq', placeholder: "请输入出生日期，如19901010",value:"", errorMsg: "请输入出生日期"}
          ],
          choiceOption: [
          ],
          isChildAnswer: "1",
          value: "1",
        }
      ],
      displayObj:{},
    }
  },
  created() {
    console.log(this.type , " is open")
    var that = this
    that.loading = true
    // 加载题目
    getQuestionnaire(this.type).then(res => {
      console.log("res",res)
      that.dataSource[0].choiceOption = []
      res.map(q => {
        that.dataSource[0].choiceOption.push({
          value: [],
          paramStr: "q-"+q.id,
          title: q.question,
          type:"redio",
          list: q.questionItems,
          errorMsg: "请选择"
        })
      })
      that.loading = false
    })

  },
  methods:{
    submit(arr,obj){
      this.$emit("comfirm",{type:this.type,result:obj})
    }
  }
}
</script>
<style>
.el-dialog__body {
  padding-top: 0;
}

</style>
